.my-checking-in-detail{
  display: flex;
  flex-direction: column;
  height: 100%;
  .check-head{
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
    border-bottom:1px solid #ccc;

    .item-left{
      display: flex;
      align-items: center;
      img{
        width: 2.2rem;
        height: 2.2rem;
        border-radius:50%;
        display: block;
        margin-right: 0.5rem;
      }
    }
    .item-right{
      text-decoration: underline !important;
    }
  }
  .text-info{
    padding: 0.5rem;
    font-size:0.7rem;
    position:absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .punch-card-con{
    position:relative;
    background: #D9F8F8;
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    .punch-card{
      width: 6rem;
      height: 6rem;
      background: #00CCCC;
      border-radius:50%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #ffffff;
      border:3px solid #BDD5D8;
    }
  }
}